﻿@model WebSoftSeo.Models.ServicesDetail
@using WebSoftSeo.Models;
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
    List<ServicesDetail> service2 = ViewBag.service2 as List<ServicesDetail>;
    List<ServicesDetail> service3 = ViewBag.service3 as List<ServicesDetail>;
    ServicesDetail banner = ViewBag.Banner;
    
}
 <div class="wrapfilterbgAbout">
        	<div class="container">
            	<div class="wrapfilter3">
                    <div class="divfilterL">
                        <p style="font-weight:bold" class="h1title">@banner.Name</p>
                        <p> @banner.ShortDescription</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <!-- Content Blog -->
        <div class="wrapBlogContent">
        	<div class="container">
                <div class="wrapService">
                	<p class="titleServ">@Model.Name</p>
                    <p class="testServ">
                        @Html.Raw(Model.ShortDescription);
                    	@Html.Raw(Model.Description)
                    </p>
                    <div class="row">  
                        @if(service2 != null)
                        {
                            foreach(var item in service2)
                            {
                        <div class="autosizeSer">
                        	<div class="itemSer">
                            	<div class="mask bgColor1"></div>
                            	<div class="@item.Class"></div>
                            	<div class="itemSerTest1">
                                	@*<h1 style="font-weight:bold"><a href="@Url.Content("~/Service/Detail/?id=" + item.ID)">@item.Name</a></h1>*@
                                    <h1 class="titleser"><a href="@Url.RouteUrl("Service", new { title = WebSoftSeo.Utility.HelperSEO.ToSeoUrl(item.Name), id = item.ID })">@item.Name</a></h1>
                                    <p>@item.ShortDescription</p>
                                </div>
                            </div>
                        </div>
                        }
                        }
                        
                    <div class="clearfix"></div> 
                    <p style="font-weight:bold" class="spec">
                    	<span>Specifications</span>
                    </p>
                    <div class="row">
                    	<ul class="divSpec">
                            @if( service3 != null)
                            {
                                foreach( var item in service3)
                                {
                        	<li>
                            	<div class="@item.Class"></div>
                                <div class="testSer">
                                	<p style="font-weight:bold">@item.Name</p>
                                    <p>@item.ShortDescription</p>
                                </div>
                            </li>
                            }
                            }
                            
                            <div class="clearfix"></div>
                        </ul>
                    </div>                 
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
